<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="shortcut icon" href="/img/favicon.webp">
    <link rel="stylesheet" href="/plugs/bootstrap-4.6.2-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/plugs/bootstrap-submenu-3.0.1/dist/css/bootstrap-submenu.css">


    <script type="text/javascript" src="/js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="/js/tree.js"></script>
    <script type="text/javascript" src="/plugs/bootstrap-4.6.2-dist/poper-1.12.5/popper.min.js"></script>
    <script type="text/javascript" src="/plugs/bootstrap-4.6.2-dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/plugs/bootstrap-submenu-3.0.1/dist/js/bootstrap-submenu.min.js"></script>
    <script type="text/javascript" src="/plugs/bootstrap-submenu-3.0.1/dist/js/bootstrap-navbar.js"></script>
</head>
<script type="text/javascript">
    var menuData = [
        {
            "id": "1",
            "title": "系统管理",
            "pid": "2"
        },
        {
            "id": "2",
            "title": "决策分析",
            "pid": "0"
        },
        {
            "id": "3",
            "title": "运营决策",
            "pid": "0"
        },
        {
            "id": "4",
            "title": "知识库",
            "pid": "0"
        },
        {
            "id": "5",
            "title": "运营分析",
            "pid": "3"
        },
        {
            "id": "6",
            "title": "决策分析2",
            "pid": "3"
        },
        {
            "id": "7",
            "title": "运营管理",
            "pid": "3"
        },
        {
            "id": "8",
            "title": "决策管理",
            "pid": "3"
        },
        {
            "id": "9",
            "title": "决策支持",
            "pid": "4"
        },
        {
            "id": "10",
            "title": "人员信息",
            "pid": "9"
        },
        {
            "id": "11",
            "title": "人员管理",
            "pid": "9"
        },
        {
            "id": "12",
            "title": "人员排班",
            "pid": "9"
        },
        {
            "id": "13",
            "title": "系统菜单",
            "pid": "10"
        },
        {
            "id": "14",
            "title": "模块菜单",
            "pid": "10"
        },
        {
            "id": "15",
            "title": "菜单编辑",
            "pid": "10"
        },
        {
            "id": "16",
            "title": "地点管理",
            "pid": "14"
        },
        {
            "id": "17",
            "title": "科室管理",
            "pid": "14"
        },
        {
            "id": "18",
            "title": "图片管理",
            "pid": "0"
        },
        {
            "id": "19",
            "title": "存储信息",
            "pid": "0"
        },
        {
            "id": "20",
            "title": "人员信息",
            "pid": "0"
        },
        {
            "id": "21",
            "title": "机构信息",
            "pid": "0"
        },
        {
            "id": "22",
            "title": "机构管理",
            "pid": "21"
        },
        {
            "id": "23",
            "title": "机构添加",
            "pid": "21"
        }
    ];


</script>
<script>
    var jsonTree = [
        {
            title : "Dropdown",
            children : [

                { title : "Action",
                    children : [
                        {title : "Sub action"},
                        {title : "Another sub action",children: [
                                {title : "Sub action"},
                                {title : "Another sub action"},
                                {title : "Something else here"},
                            ]},
                        {title : "Separated link"},
                    ]
                },

                {title : "Separated link"},
                { title : "Another action",
                    children : [
                        {title : "Sub action"},
                        {title : "Another sub action",children: [
                                {title : "Sub action"},
                                {title : "Another sub action"},
                                {title : "Something else here"},
                            ]},
                        {title : "Separated link"},
                    ]
                },
            ],
        },
    ]

</script>

<script type="text/javascript">
    $(function () {
        $('#navbar').bootstrapNavbar({ data : menuData ,isTree : false, rootId : 0, rootId_ : "rootId" , pid_ : "pid", id_ : "id", name_ : "title" , children_ : "data",onClick : function (data) {
                console.log(data);
        }});
        $('#navbar1').bootstrapNavbar({ data : jsonTree ,isTree : true, name_ : "title" , children_ : "children",onClick : function (data) {
                console.log(data);
            }});
    })
</script>
<body>

<nav id="navbar"></nav>


<nav id="navbar1"></nav>




<nav id="navbar2" class="navbar navbar-light bg-light navbar-expand-sm mb-3">

    <div class="collapse navbar-collapse">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" tabindex="0" data-toggle="dropdown" data-submenu="">Dropdown</a>
                <div class="dropdown-menu">
                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">Action</button>
                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another sub action</button>
                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>

                            <button class="dropdown-item" type="button">Something else here</button>
                            <button class="dropdown-item" type="button" disabled="">Disabled action</button>

                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="dropdown-header">Dropdown header</div>

                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <button class="dropdown-item" type="button">Another sub action</button>
                            <button class="dropdown-item" type="button">Something else here</button>
                        </div>
                    </div>

                    <button class="dropdown-item" type="button">Something else here</button>
                    <div class="dropdown-divider"></div>
                    <button class="dropdown-item" type="button">Separated link</button>

                </div>
            </li>
        </ul>


        <ul class="navbar-nav mr-auto">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" tabindex="0" data-toggle="dropdown" data-submenu="">Dropdown1</a>
                <div class="dropdown-menu">
                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">Action</button>
                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another sub action</button>
                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>

                            <button class="dropdown-item" type="button">Something else here</button>
                            <button class="dropdown-item" type="button" disabled="">Disabled action</button>

                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="dropdown-header">Dropdown header</div>

                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <button class="dropdown-item" type="button">Another sub action</button>
                            <button class="dropdown-item" type="button">Something else here</button>
                        </div>
                    </div>

                    <button class="dropdown-item" type="button">Something else here</button>
                    <div class="dropdown-divider"></div>
                    <button class="dropdown-item" type="button">Separated link</button>

                </div>
            </li>
        </ul>


        <ul class="navbar-nav mr-auto">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" tabindex="0" data-toggle="dropdown" data-submenu="">Dropdown2</a>
                <div class="dropdown-menu">
                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">Action</button>
                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another sub action</button>
                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>

                            <button class="dropdown-item" type="button">Something else here</button>
                            <button class="dropdown-item" type="button" disabled="">Disabled action</button>

                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="dropdown-header">Dropdown header</div>

                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <button class="dropdown-item" type="button">Another sub action</button>
                            <button class="dropdown-item" type="button">Something else here</button>
                        </div>
                    </div>

                    <button class="dropdown-item" type="button">Something else here</button>
                    <div class="dropdown-divider"></div>
                    <button class="dropdown-item" type="button">Separated link</button>

                </div>
            </li>
        </ul>

        <ul class="navbar-nav mr-auto">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" tabindex="0" data-toggle="dropdown" data-submenu="">Dropdown3</a>
                <div class="dropdown-menu">
                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">Action</button>
                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another sub action</button>
                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>

                            <button class="dropdown-item" type="button">Something else here</button>
                            <button class="dropdown-item" type="button" disabled="">Disabled action</button>

                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="dropdown-header">Dropdown header</div>

                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <button class="dropdown-item" type="button">Another sub action</button>
                            <button class="dropdown-item" type="button">Something else here</button>
                        </div>
                    </div>

                    <button class="dropdown-item" type="button">Something else here</button>
                    <div class="dropdown-divider"></div>
                    <button class="dropdown-item" type="button">Separated link</button>

                </div>
            </li>
        </ul>

        <ul class="navbar-nav mr-auto">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" tabindex="0" data-toggle="dropdown" data-submenu="">Dropdown4</a>
                <div class="dropdown-menu">
                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">Action</button>
                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another sub action</button>
                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>

                            <button class="dropdown-item" type="button">Something else here</button>
                            <button class="dropdown-item" type="button" disabled="">Disabled action</button>

                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="dropdown-header">Dropdown header</div>

                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <button class="dropdown-item" type="button">Another sub action</button>
                            <button class="dropdown-item" type="button">Something else here</button>
                        </div>
                    </div>

                    <button class="dropdown-item" type="button">Something else here</button>
                    <div class="dropdown-divider"></div>
                    <button class="dropdown-item" type="button">Separated link</button>

                </div>
            </li>
        </ul>


        <ul class="navbar-nav mr-auto">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" tabindex="0" data-toggle="dropdown" data-submenu="">Dropdown5</a>
                <div class="dropdown-menu">
                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">Action</button>
                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another sub action</button>
                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>

                            <button class="dropdown-item" type="button">Something else here</button>
                            <button class="dropdown-item" type="button" disabled="">Disabled action</button>

                            <div class="dropdown dropright dropdown-submenu">
                                <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                                <div class="dropdown-menu">
                                    <button class="dropdown-item" type="button">Sub action</button>
                                    <button class="dropdown-item" type="button">Another sub action</button>
                                    <button class="dropdown-item" type="button">Something else here</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="dropdown-header">Dropdown header</div>

                    <div class="dropdown dropright dropdown-submenu">
                        <button class="dropdown-item dropdown-toggle" type="button">Another action</button>

                        <div class="dropdown-menu">
                            <button class="dropdown-item" type="button">Sub action</button>
                            <button class="dropdown-item" type="button">Another sub action</button>
                            <button class="dropdown-item" type="button">Something else here</button>
                        </div>
                    </div>

                    <button class="dropdown-item" type="button">Something else here</button>
                    <div class="dropdown-divider"></div>
                    <button class="dropdown-item" type="button">Separated link</button>

                </div>
            </li>
        </ul>
    </div>
</nav>



</body>
</html>